<!-- 经营数据 -->
<template>
  <div class="line-item padding-left-right-15 flex align-centers justify-between cursor-pointer" @click="tabChange">
    <div class="flex align-centers">
      <img :src="operateData.img" class="s-img" />
      <div class="padding-left-10 label-txt">{{ operateData.label }}</div>
      <div v-if="operateData.valueNum">
        <div class="color-primary">{{ operateData.value }}</div>
        <div v-if="operateData.valueNum == 2" class="color-orange">{{ operateData.value2 }}</div>
      </div>
    </div>
    <i class="el-icon-arrow-right icon f-right"></i>
  </div>
</template>
<script>
  export default {
    props: {
      operateData: {
        type: Object,
        default: () => {
          return {};
        },
      },
    },

    methods: {
      tabChange(){
        this.$emit("change")
      }
    },
  };
</script>
<style scoped lang="scss">
  .half-width {
    width: 50%;
  }
  .line-item {
    background: #fbfbfb;
    height: 55px;
    .s-img {
      width: 15px;
      height: 15px;
    }
  }
  @media only screen and (max-width:1450px) {
    .label-txt {
      width: 140px;
    }
  }
  @media only screen and (min-width:1450px ) {
    .label-txt {
      width: 140px;
    }
  }
</style>
